<!DOCTYPE html> 
<html> 
	<!--Teste-->
	<head> 
		<meta charset="UTF-8"/> 
		<link rel="stylesheet" type="text/css" href="estilo.css"/> 
		<link rel="stylesheet" type="text/css" href="webix.css"/> 
		<script type="text/javascript" src="webix.js"></script> 
		<script type="text/javascript" src="code.js"></script> 
	</head> 
	<body> 
		<div id="container" class="notVisible"> 
			<div id="topo" onClick="flipMenu()"></div> 
			<div id="corpo">
				<div id="nav"></div>
				<div id="pagina"> 
					<h1>Este é um exemplo de página feita em Webix!</h1> 

					<p>Lorem ipsum dolor sit amet, consectetur adipiscing estiloit. Duis consequat, enim sit amet aliquet lobortis, erat nunc venenatis ligula, ut ultrices mi diam sit amet dui. Proin aliquam orci vitae quam commodo, sed hendrerit erat porta. In sit amet adipiscing metus, id adipiscing turpis. Aenean a hendrerit turpis. Donec consectetur ipsum non volutpat ultricies. Aenean scelerisque volutpat viverra. Proin consectetur ligula sit amet diam eleifend, vel tempor turpis dignissim. Aenean sagittis ut massa nec iaculis. Duis ut arcu mauris. Maecenas cursus est ut tortor ultricies laoreet. Curabitur vulputate velit ac diam congue, at vulputate ligula feugiat. Fusce et justo ante. Vestibulum tellus lorem, interdum ac rhoncus ultrices, faucibus sit amet nulla. Pellentesque volutpat facilisis lorem.</p> 

					<p>Proin consectetur ligula sit amet diam eleifend, vel tempor turpis dignissim. Aenean sagittis ut massa nec iaculis. Duis ut arcu mauris. Maecenas cursus est ut tortor ultricies laoreet. Curabitur vulputate velit ac diam congue, at vulputate ligula feugiat. Fusce et justo ante. Vestibulum tellus lorem, interdum ac rhoncus ultrices, faucibus sit amet nulla. Pellentesque volutpat facilisis lorem.</p>

					<p>Proin consectetur ligula sit amet diam eleifend, vel tempor turpis dignissim. Aenean sagittis ut massa nec iaculis. Duis ut arcu mauris. Maecenas cursus est ut tortor ultricies laoreet. Curabitur vulputate velit ac diam congue, at vulputate ligula feugiat. Fusce et justo ante. Vestibulum tellus lorem, interdum ac rhoncus ultrices, faucibus sit amet nulla. Pellentesque volutpat facilisis lorem.</p>

					<p>Proin consectetur ligula sit amet diam eleifend, vel tempor turpis dignissim. Aenean sagittis ut massa nec iaculis. Duis ut arcu mauris. Maecenas cursus est ut tortor ultricies laoreet. Curabitur vulputate velit ac diam congue, at vulputate ligula feugiat. Fusce et justo ante. Vestibulum tellus lorem, interdum ac rhoncus ultrices, faucibus sit amet nulla. Pellentesque volutpat facilisis lorem.</p>

					<p id="par">Proin consectetur ligula sit amet diam eleifend, vel tempor turpis dignissim. Aenean sagittis ut massa nec iaculis. Duis ut arcu mauris. Maecenas cursus est ut tortor ultricies laoreet. Curabitur vulputate velit ac diam congue, at vulputate ligula feugiat. Fusce et justo ante. Vestibulum tellus lorem, interdum ac rhoncus ultrices, faucibus sit amet nulla. Pellentesque volutpat facilisis lorem.</p>
				</div>
			</div> 
			<div id="rodape"><p id="cop">AeM Sistemas - Gestão de Soluções</br>2014</p></div>

			<script type="text/javascript"> 
				 webix.ui({ 
				 	rows:[ 
				 		topo,
				 		{ cols:[ 
				 			nav, 
				 			{ view: "resizer"}, 
				 			pagina 
				 		]},
				 		rodape 
				 	],
				 }) 
			</script> 
		</div> 
	</body> 
</html>   